<template>
  <el-page-header @back="handleBack">
    <template #icon>
      <el-icon>
        <ArrowLeft />
      </el-icon>
    </template>
    <template #content>
      <span class="text-large font-600 mr-3"> 团队详情 </span>
    </template>
  </el-page-header>
  <el-row>
    <el-col :span="24">
      <el-table :data="tableData" stripe  style="width: 100%">
        <el-table-column fixed prop="id" label="团队编号" width="150" />
        <el-table-column prop="label" label="标签" width="250" />
        <el-table-column prop="memberName" label="成员" width="250" />
        <el-table-column prop="introduction" label="简介" width="120" />
      </el-table>
    </el-col>
  </el-row>
</template>
<script>
import {findById} from "../api/SysTeam.js";
import { ArrowLeft } from "@element-plus/icons-vue";
export default {
  name: "SysTeamDetail",
  components: {
    ArrowLeft
  },
  props:['id'],
  data(){
    return{
      tableData:[]
    }
  },
  methods:{
    async loadData(){
      let {data:data}=await findById(this.id)
      this.tableData=[data.data]
    },
    handleBack() {
      this.$router.go(-1);
    }
  },
  mounted() {
    console.log("当前接收的id：", this.id);
    this.loadData()
  }
}
</script>


<style scoped>

</style>